<template>
	<view class="container">
		<uni-nav-bar @clickRight="clickRight" @clickLeft="clickLeft"  fixed="true" left-icon="bars" right-icon="search" title="网易云音乐" background-color="#d44439" color="white"></uni-nav-bar>
		<swipers></swipers>
		<view class="xiantiao"></view>
		<TuiJianGeDan @jump="jump"></TuiJianGeDan>
		<NewMusic @sing="sing"></NewMusic>
		<keep-alive>
			<New></New>
		</keep-alive>
	</view>
</template>

<script>
	import uniNavBar from "@/components/uni-nav-bar/uni-nav-bar.vue"
	import swipers from '../../../components/swipers/swipers.vue'
	import TuiJianGeDan from '../../../components/tuijiangedan/tuijiangedan.vue'
	import NewMusic from '../../../components/newmusic/newmusic.vue'
	import New from '../../../components/New/New.vue'
	export default {
		data() {
			return {
				
			}
		},
		methods:{
			jump(id){
				uni.navigateTo({
					url:'../../AllGeDan/AllGeDan?id=' + id + '&num=1'
				})
			},
			sing(id){
				uni.navigateTo({
					url:'../../BoFangQi/BoFangQi?id=' + id
				})
			},
			clickRight(){
				uni.navigateTo({
					url:'../../SouSuo/SouSuo'
				})
			},
			clickLeft(){
				uni.navigateTo({
					url:'../../ZuiJinBoFang/ZuiJinBoFang'
				})
			}
		},
		components: {
			uniNavBar,
			swipers,
			TuiJianGeDan,
			NewMusic,
			New
		}
	}
</script>

<style lang="scss">
.container{
	width: 750rpx;
	.xiantiao{
		width: 100%;
		height: 2rpx;
		background-color: #e6e6e6;
		margin-top: 40rpx;
		margin-bottom: 60rpx;
	}
}
</style>
